<!doctype html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0,viewport-fit=cover">
    <title>确认订单</title>
    <link rel="stylesheet" type="text/css" href="../../js/vant/index.css" />
    <link rel="stylesheet" type="text/css" href="../../css/main.css" /> 
    <link rel="stylesheet" type="text/css" href="../../css/goods/confirm_order.css" /> 
</head>

<body>
    <div id="order_id">
        <header class="header-main">
            <van-nav-bar title="确认订单" left-arrow @click-left="onClosePage"></van-nav-bar>
        </header>
        <template>
        <div class="detail-info main-body">
            <div class="user-info">
                <van-field v-model="userName" maxlength="20" label="姓&emsp;&emsp;名:"  placeholder="请输入姓名"></van-field>
                <van-field v-model="userPhone" maxlength="11" type="tel" label="手机号码:" placeholder="请输入手机号码"></van-field>
                <template v-if="isSchool">
                    <van-field v-model="schoolName" maxlength="50" label="学校名称:"  placeholder="请输入学校名称"></van-field>
                    <van-field v-model="grade" maxlength="20" label="年&emsp;&emsp;级:" placeholder="请输入年级"></van-field>
                    <van-field v-model="classGrade" maxlength="20" type="tel" label="班&emsp;&emsp;级:" placeholder="请输入班级"></van-field>
                </template>
            </div>
            <div class="card-item">
                <van-row>
                    <van-col span="6">
                        <div class="goods-img">
                            <van-image width="90" height="90" src="../../images/goodsDetail/goods_header.png" fit="cover">
                                <template v-slot:loading>
                                <van-loading type="spinner" size="20" />
                                </template>
                            </van-image>
                        </div>
                    </van-col>
                    <van-col span="18">
                        <div class="content-item">
                            <van-row>
                                <van-col span="13">
                                    <div class="goods-title">滴水山泉1份555ML*12瓶</div>
                                </van-col>
                                <van-col span="11">
                                    <div class="price-area">
                                        <div class="price"><van-cell title-class="price-title" value-class="price-value" title="原&emsp;价:" :value="'¥'+price"></van-cell></div>
                                        <div class="activity-price" style="white-space: nowrap"><van-cell title-class="price-title" value-class="price-value" title="云闪付新用户价:" :value="'¥'+prePrice"></van-cell></div>
                                    </div>
                                </van-col>
                            </van-row>
                        </div>
                        <div class="spe-item">
                            <van-cell title-class="spe-title" value-calss="spe-value"  title="555ML*12" value="x1" ></van-cell>
                        </div>
                    </van-col>
                </van-row>
                <div class="distribution-type">
                    <van-cell title-class="distribution-title" value-class="distribution-value" title="配送方式:" value="自提"></van-cell>
                </div>
                <div class="preferential">
                    <van-cell title-class="preferential-title" value-class="preferential-value" title="活动优惠券:" :value="'¥'+deductPrice()"></van-cell>
                </div>
                <div class="gools-total">
                    <span class="gools-number">共1件&emsp;合计金额:</span><span class="gools-total-price">{{prePrice}}元</span>
                </div>
            </div>
        </div>
        </template>
    </div>
    <div style="text-align:center;height:100%;"><img src="../../images/goodsDetail/tuoke.png">
        <br>请识别云闪付二维码下载云闪付并绑卡再支付</br>
        <br><a href="https://g.gd-share.cn/p/pezshq37">云闪付安装帮助</a></br>
    </div>
    <footer>
        <div class="place-order-imy" onclick="placeOrder()"><span>云闪付新用户购买</span></div>
    </footer>
</body>
<script type="text/javascript" src="../../js/jquery/jquery320min.js"></script> 
<script type="text/javascript" src="../../js/vant/vuemin.js"></script>
<script type="text/javascript" src="../../js/vant/vantmin.js"></script>
<script type="text/javascript" src="../../js/tools.js"></script>
<script type="text/javascript" src="../../js/packajax.js"></script>
<script type="text/javascript" src="../../js/goods/confirm_order.js"></script>
</html>